﻿<div class="row-fluid">
    <!--Style forms of validation  Start-->
    <div class="grid span6">
        <div class="grid-title">
            <div class="pull-left">
                <div class="icon-title"><i class="icon-reorder"></i></div>
                <span>Validation style</span>
                <div class="clearfix"></div>
            </div>
            <div class="pull-right">
                <div class="icon-title"><a href="#"><i class="icon-refresh"></i></a></div>
                <div class="icon-title"><a href="#"><i class="icon-cog"></i></a></div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="grid-content">
            <div class="control-group warning">
                <label class="control-label" for="inputWarning">Input with warning</label>
                <div class="controls">
                    <input type="text" id="inputWarning">
                    <span class="help-inline">Something may have gone wrong</span>
                </div>
            </div>
            <div class="control-group error">
                <label class="control-label" for="inputError">Input with error</label>
                <div class="controls">
                    <input type="text" id="inputError">
                    <span class="help-inline">Please correct the error</span>
                </div>
            </div>
            <div class="control-group success">
                <label class="control-label" for="inputsuccess">Input with success</label>
                <div class="controls">
                    <input type="text" id="inputsuccess">
                    <span class="help-inline">Woohoo!</span>
                </div>
            </div>
            <div class="control-group success">
                <label class="control-label" for="selectError">Select with success</label>
                <div class="controls">
                    <select id="selectError">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                    <span class="help-inline">Woohoo!</span>
                </div>
            </div>
        </div>
    </div>
    <!--Style forms of validation  END-->


    <!--Form help text  Start-->
    <div class="grid span6">
        <div class="grid-title">
            <div class="pull-left">
                <div class="icon-title"><i class="icon-reorder"></i></div>
                <span>Form help text</span>
                <div class="clearfix"></div>
            </div>
            <div class="pull-right">
                <div class="icon-title"><a href="#"><i class="icon-refresh"></i></a></div>
                <div class="icon-title"><a href="#"><i class="icon-cog"></i></a></div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="grid-content">
            <div class="control-group">
                <label class="control-label" for="prependedInput">Prepended text</label>
                <div class="controls">
                    <div class="input-append">
                        <input class="span7" id="prependedInput" size="16" type="text"><span class="add-on">@@</span>
                    </div>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="appendedInput">Appended text</label>
                <div class="controls">
                    <div class="input-append">
                        <input class="span7" id="appendedInput" size="16" type="text"><span class="add-on">.00</span>
                    </div>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="appendedPrependedInput">Append and prepend</label>
                <div class="controls">
                    <div class="input-prepend input-append">
                        <span class="add-on">$</span><input class="span7" id="appendedPrependedInput" size="16" type="text"><span class="add-on">.00</span>
                    </div>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="appendedInputButton">Append with button</label>
                <div class="controls">
                    <div class="input-append">
                        <input class="span7" id="appendedInputButton" size="16" type="text">
                        <button class="btn" type="button">Go!</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Form help text  END-->
</div>